<template name="component-name">
  <div class="visual-base">
    <!-- 基础统计中心 -->
    <div class="visual-starry-bg"></div>
    <visual-header :subtitle="subtitle"></visual-header>
    <visual-title :imginfo="imginfo"></visual-title>
    <visual-main :spancols="spancols"></visual-main>
  </div>
</template>
<script>
import VisualHeader from '../components/visual/VisualHeader'
import VisualTitle from '../components/visual/VisualTitle'
import VisualMain from '../components/visual/VisualMain'
export default {
  name: 'BasicLargeScreen',
  components: {
    'visual-header': VisualHeader,
    'visual-main': VisualMain,
    'visual-title': VisualTitle,
  },
  data() {
    return {
      subtitle: '基础信息统计数据',
      spancols: [7, 10, 7, 7, 10, 7],
      imginfo: [
        {
          id: 1,
          imgUrl: () => require('../assets/images/蓝色.png'),
          title: '企业排查内容',
          compare: 10,
          value: '8个',
        },
        {
          id: 2,
          imgUrl: () => require('../assets/images/黄色.png'),
          title: '企业排查内容',
          compare: 10,
          value: '8个',
        },
        {
          id: 3,
          imgUrl: () => require('../assets/images/橙色.png'),
          title: '企业排查内容',
          compare: 10,
          value: '8个',
        },
        {
          id: 4,
          imgUrl: () => require('../assets/images/绿色.png'),
          title: '企业排查内容',
          compare: 10,
          value: '8个',
        },
        {
          id: 5,
          imgUrl: () => require('../assets/images/蓝色.png'),
          title: '企业排查内容',
          compare: 10,
          value: '8个',
        },
      ],
    }
  },
}
</script>
<style lang="less" scoped>
</style>